<script lang="ts" setup>
import { ref } from "vue";

defineOptions({
    name: "Child",
});
//--================= Data
let computer = ref("联想")
let book = ref(10)
//--================= Methods


//--================= Other

defineExpose({ book, computer })
</script>

<template>
    <div class="main2">
        <h4>子组件2</h4>
        电脑: {{ computer }} <br>
        书本: {{ book }}
    </div>

</template>

<style scoped>
.main2 {
    background-color: blueviolet;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px;
    min-height: 200px;
}
</style>
